<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>YaYaYa's Marble Race</title>
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" href="index.css">
</head>

<body style="flex-direction: column;height: auto;">
	<p class="title">自定义颜色</p>
	<p class="title2">使用说明</p>
	<ul>
		<li>本工具用于更加高效地投稿自定义颜色（高效包括投稿效率和YaYaYa的代码编写效率）。</li>
		<li>请事先设计好颜色配置，再输入本工具。输入后本工具会自动生成一段代码。</li>
		<li>输入完成后，点击最下方的“复制代码”按钮，并将复制后的代码发送给YaYaYa。</li>
		<li>个别功能（如闪队颜色配置）在本页面中未实现，可在备注中标注，并由YaYaYa实现。</li>
	</ul>
	<p class="title2">注意事项</p>
	<ol >
		<li>每队中必须指定一个队长。</li>
		<li>队伍和小球的英文名建议全部使用小写字母。</li>
		<li>建议通过按钮复制代码。若选择手动复制代码，请务必一字不差地把代码全部复制下来。</li>
		<li>若代码过长无法发送，建议通过微信或QQ的文件进行发送，或将代码分段发送（请务必确实代码的分段不重不漏）。</li>
		<li>本工具中的取色器仅支持RGB与HSL。</li>
		<li>若希望投稿HSV格式的颜色，请按照[H,S,V]的格式在备注中标注（如长春花：[240,50,100]）。</li>
	</ol>
	<p class="title2">队伍设置</p>
	<table style="text-align: center;">
		<thead>
			<tr>
				<th>ID</th>
				<th>中文名</th>
				<th>英文名</th>
				<th>备注</th>
			</tr>
		</thead>
		<tbody id="teamTableBody">
		</tbody>
	</table>
	<p class="title2">小球设置</p>
	<table style="text-align: center;">
		<thead>
			<tr>
				<th>ID</th>
				<th>中文名</th>
				<th>英文名</th>
				<th>所属队伍ID</th>
				<th>颜色</th>
				<th>是否为队长</th>
				<th>备注</th>
			</tr>
		</thead>
		<tbody id="colorTableBody">
		</tbody>
	</table>
	<br>
	<button id="copyConfigCode">复制代码</button>
	<br>
	<textarea id="configCode" style="width: 90%;height: 200px;"></textarea>
</body>

<!-- Initialization -->
<script src="src/init.js"></script>

<!-- Configuration: common -->
<script src="src/config/config.js"></script>
<script src="src/config/color/c50.js"></script>

<script>let config = marbleRaceColor50; let colors = config.colors;</script>

<!-- Utility: color -->
<script src="src/utility/colorutility.js"></script>

<!-- UI Engine -->
<script src="uiengine/uiengine.js"></script>

<!-- Customize: color -->
<script src="customize/customColor.js"></script>

</html>